<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>孵化园信息管理系统</title>
    <link rel="stylesheet" href="../css/yjq_css/zhaoshangziyuan.css">
    <link rel="stylesheet" href="../css/yjq_css/iconfont.css">
</head>

<body>
    <!-- 顶部 -->
    <header>
        <div class="center">
            <p>招商资源</p>
        </div>
    </header>
    <main>
        <section class="center section_container">

            <form action="">
                <div>
                    <div id="pianhao">
                        <input type="text" value="请输入房屋编号">
                        <span id="tishi"></span>
                    </div>
                    <div>
                        <span>所属主体:</span>
                        <select name="" class="select1">
                            <option value="">全部</option>
                            <option value="源盛广场">源盛广场</option>
                        </select>
                    </div>
                    <div>
                        <span>所属区域:</span>
                        <select name="" class="select1">
                            <option value="">全部</option>
                            <option value="">A区</option>
                        </select>

                    </div>
                    <div>
                        <span>租售类型:</span>
                        <select name="" id="">
                            <option value="">全部</option>
                            <option value="">出租</option>
                            <option value="">出售</option>
                            <option value="">可租可售</option>
                        </select>
                    </div>
                    <div>
                        <span>上架状态:</span>
                        <select name="" id="">
                            <option value="">全部</option>
                            <option value="">已上架</option>
                            <option value="">未上架</option>
                        </select>
                    </div><br>
                    <div>
                        <span>房屋状态:</span>
                        <select name="" id="">
                            <option value="">全部</option>
                            <option value="">已出租</option>
                            <option value="">已出售</option>
                            <option value="">选址审核中</option>
                            <option value="">待签约</option>
                            <option value="">签约审核中</option>
                        </select>
                    </div>
                    <div>
                        <span>房屋类型:</span>
                        <select name="" id="">
                            <option value="">全部</option>
                            <option value="">房间</option>
                            <option value="">工位</option>
                        </select>
                    </div>
                </div>
                <div>
                    <div id="chaxun"><img src="../img/yjq_imgs/u450.svg" alt="">查询</div>
                    <div id="chongzhi"><img src="../img/yjq_imgs/u501.svg" alt="">重置</div>
                    <div>批量上架</div>
                    <div>批量下架</div>
                    <div id="zhaoshangtianjia">
                        <a href="#">添加</a>
                        <div id="display1">
                            <header>
                                <div class="center">
                                    <p id="hea">添加</p>
                                </div>
                            </header>
                            <section>
                                <div class="center">
                                    <div>

                                    </div>
                                    <!-- //房屋信息 -->
                                    <div id="test">
                                        <p>房屋编号:<input type=" text" placeholder="请输入房屋编号"> </p>
                                        <p>所属主体:<input type="text" placeholder="请输入所属主体"></p>
                                        <p>所属区域:<input type=" text" placeholder="请输入所属区域"></p>
                                        <p>房屋名称:<input type="text" placeholder="请输入房屋名称"> </p>
                                        <p>房屋类型:<input type=" text" placeholder="请输入房屋类型"></p>
                                        <p>租售类型:<input type="text" placeholder="请输入房屋类型"> </p>
                                        <p>房屋面积:<input type="text" placeholder="请输入房屋面积(2)"> </p>
                                        <p>房屋状态:<input type="text" placeholder="请输入房屋状态"> </p>
                                    </div>
                                    <div id="test1">
                                        <span>上架状态:</span>
                                        <input type="radio" name="上架" id="">上架
                                        <input type="radio" name="下架" id="">下架
                                    </div>
                                    <div>
                                        <div id="addEmpButton">提交</div>
                                        <div id="addEmpButton1">取消</div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </form>
            <table id="xinxi">
                <tr>
                    <td><input type="checkbox" name="" id=""></td>
                    <td>序号</td>
                    <td>房屋编号</td>
                    <td>主体</td>
                    <td>所属区域</td>
                    <td>房屋名称</td>
                    <td>房屋类型</td>
                    <td>租售类型</td>
                    <td>面积(m2)</td>
                    <td>上架状态</td>
                    <td>房屋状态</td>
                    <td>招商方案</td>

                </tr>
                <tr id="tr1">
                    <td><input type="checkbox" name="" id=""></td>
                    <td>1</td>
                    <td>17368900</td>
                    <td>源盛广场</td>
                    <td>Ａ区</td>
                    <td>Ａ</td>
                    <td>房间</td>
                    <td>出租</td>
                    <td>98</td>
                    <td>已上架</td>
                    <td>空置</td>
                    <td><button>编辑</button><button>删除</button></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" id=""></td>
                    <td>2</td>
                    <td>17368901</td>
                    <td>源盛广场</td>
                    <td>Ｂ区</td>
                    <td>Ｂ</td>
                    <td>工位</td>
                    <td>出租</td>
                    <td>112</td>
                    <td>未上架</td>
                    <td>已出租</td>
                    <td><button>编辑</button><button>删除</button></td>

                </tr>
                <tr>
                    <td><input type="checkbox" name="" id=""></td>
                    <td>3</td>
                    <td>17368902</td>
                    <td>源盛广场</td>
                    <td>C区</td>
                    <td>C</td>
                    <td>工位</td>
                    <td>出售</td>
                    <td>188</td>
                    <td>已上架</td>
                    <td>已出售</td>
                    <td><button>编辑</button><button>删除</button></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" id=""></td>
                    <td>4</td>
                    <td>17368903</td>
                    <td>源盛广场</td>
                    <td>C区</td>
                    <td>C</td>
                    <td>工位</td>
                    <td>出租</td>
                    <td>199</td>
                    <td>已上架</td>
                    <td>已出售</td>
                    <td><button>编辑</button><button>删除</button></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" id=""></td>
                    <td>5</td>
                    <td>17368904</td>
                    <td>源盛广场</td>
                    <td>Ｂ区</td>
                    <td>Ｂ</td>
                    <td>房间</td>
                    <td>出售</td>
                    <td>112</td>
                    <td>未上架</td>
                    <td>已出售</td>
                    <td><button>编辑</button><button>删除</button></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" id=""></td>
                    <td>6</td>
                    <td>17368905</td>
                    <td>源盛广场</td>
                    <td>Ｂ区</td>
                    <td>Ｂ</td>
                    <td>工位</td>
                    <td>出售</td>
                    <td>888</td>
                    <td>未上架</td>
                    <td>未出售</td>
                    <td><button>编辑</button><button>删除</button></td>
                </tr>
                <tr>
                    <td><input type="checkbox" name="" id=""></td>
                    <td>7</td>
                    <td>17368906</td>
                    <td>源盛广场</td>
                    <td>A区</td>
                    <td>A</td>
                    <td>房间</td>
                    <td>出售</td>
                    <td>666</td>
                    <td>未上架</td>
                    <td>已出售</td>
                    <td><button>编辑</button><button>删除</button></td>
                </tr>


            </table>

        </section>
    </main>

    <footer>
        <div class="center">
            <div>
                <div>
                    <span>共 100 条 </span>
                    <span> 上一页</span>
                </div>
                <ul>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>...</li>
                    <li>10</li>
                    <li>下一页</li>
                </ul>
            </div>
            <div>
                <select name="" id="">
                    <option value="">10条/页</option>
                </select>
                <div>
                    <span>到第</span>
                    <span>1</span>
                    <span>页</span>
                    <span>确定</span>
                </div>
            </div>
        </div>
        <nav class="nav">



            <div id="display2">
                <header>
                    <div class="center">
                        <p id="hea">修改</p>
                    </div>
                </header>
                <section>
                    <div class="center">
                        <div>

                        </div>
                        <!-- //房屋信息 -->
                        <div id="test2">
                            <p>房屋编号:<input type=" text" placeholder="请输入房屋编号"> </p>
                            <p>所属主体:<input type="text" placeholder="请输入所属主体"></p>
                            <p>所属区域:<input type=" text" placeholder="请输入所属区域"></p>
                            <p>房屋名称:<input type="text" placeholder="请输入房屋名称"> </p>
                            <p>房屋类型:<input type=" text" placeholder="请输入房屋类型"></p>
                            <p>租售类型:<input type="text" placeholder="请输入房屋类型"> </p>
                            <p>房屋面积:<input type="text" placeholder="请输入房屋面积(2)"> </p>
                            <p>房屋状态:<input type="text" placeholder="请输入房屋状态"> </p>
                        </div>
                        <div id="test3">
                            <span>上架状态:</span>
                            <input type="radio" name="上架" id="">上架
                            <input type="radio" name="下架" id="">下架
                        </div>
                        <div>
                            <div id="addEmpButton3">修改</div>
                            <div id="addEmpButton4">取消</div>
                        </div>
                    </div>
                </section>
            </div>
        </nav>
    </footer>


    <script src="../js/yjq_js/shuju.js"></script>
    <script src="../js/yjq_js/zhaoshangziyuan.js"></script>

</body>

</html>